<template>
    <el-card>
        <div slot="header">
            <span>首页</span>
        </div>
        <div slot="default">
            <h1>shopping商城</h1>
            <p>newbee-mall 项目是一套电商系统，包括 newbee-mall 商城系统及 newbee-mall-admin 商城后台管理系统，基于 Spring Boot 2.X 及相关技术栈开发。
                前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。
                后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。
            </p>
            <ul>
                <li>newbee-mall 对新手开发者十分友好，无需复杂的操作步骤，仅需 2 秒就可以启动这个完整的商城项目；</li>
                <li>newbee-mall 也是一个企业级别的 Spring Boot 大型项目，对于各个阶段的 Java 开发者都是极佳的选择；</li>
                <li>你可以把它作为 Spring Boot 技术栈的综合实践项目，newbee-mall 足够符合要求，且代码开源、功能完备、流程完整、页面交互美观；</li>
                <li>技术栈新颖且知识点丰富，学习后可以提升大家对于知识的理解和掌握，可以进一步提升你的市场竞争力；</li>
                <li>对于部分求职中的 Java 开发者，你也可以将该项目放入求职简历中以丰富你的工作履历；</li>
                <li>newbee-mall 还有一些不完善的地方，鄙人才疏学浅，望见谅；</li>
                <li>有任何问题都可以反馈给我，我会尽量完善该项目。</li>
            </ul>
            <h2>联系作者</h2>
            <ul class="contact">
                <li>我的邮箱：2449207463@qq.com</li>
                <li>QQ技术交流群：796794009
                    <el-link target="_blank"
                       href="//shang.qq.com/wpa/qunwpa?idkey=dc0e028f177932aee2c212a2dd60e0b8342042ac205305803ea801c4eea6727c"><img
                            src="//pub.idqqimg.com/wpa/images/group.png" alt="SpringBoot技术交流"
                            title="SpringBoot技术交流"></el-link>
                </li>
            </ul>
            <div class="git-info">newbee-mall 在 GitHub 和国内的码云都创建了代码仓库，如果有人访问 GitHub 比较慢的话，建议在 Gitee
                上查看该项目，两个仓库会保持同步更新。
            </div>
            <ul>
                <li class="git"><el-link target="_blank" href="https://gitee.com/newbee-ltd/newbee-mall?_from=gitee_search">newbee-mall
                    in
                    GitHub</el-link></li>
                <li class="git"><el-link class="git" target="_blank"
                                   href="https://gitee.com/newbee-ltd/newbee-mall?_from=gitee_search">newbee-mall
                    in
                    Gitee</el-link></li>
            </ul>
        </div>
    </el-card>
</template>

<script>
    export default {
        name: "Dashboard"
    }
</script>

<style scoped lang="stylus">
    .el-card {
        text-align left

        h1 {
            font-size 3rem
        }

        p {
            font-size 1.0rem
            margin 30px 0 10px 0
            text-indent 3rem
            line-height 1.5rem
        }

        ul {
            margin-left 30px

            li {
                list-style disc
                line-height 1.6rem
                font-size 1.1rem
            }
        }

        h2 {
            margin-top 20px
            font-size 2rem
        }

        .contact {
            margin-top 20px
        }

        .git-info {
            margin 10px
        }

        .git {
            color cornflowerblue

            .el-link {
                color cornflowerblue
                text-decoration none
                font-size 1.0rem
            }
        }
    }
</style>
